<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./mui/css/mui.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/icon.css">
    <script src="./mui/js/mui.min.js"></script>
    <script src="https://unpkg.com/spritejs@3/dist/spritejs.es.min.js"></script>
    <script src="./js/BrowserEnvironment.js"></script>
    <script src="./js/FullScreen.js"></script>
    <script src="./js/bus.js"></script>
</head>

<body>
    <div id="app">
        <div class="wrap">
            <!-- 画布容器 -->
            <div id="stage"></div>
            <!-- 弹窗对话框 -->
            <div class="dialog_box">
                <div class="mask"></div>
                <div class="close">X</div>
                <!-- 功能按钮 -->
                <div>
                    <button class="mui-btn mui-btn-primary" id="btn">开始拼图</button>
                    <button class="mui-btn mui-btn-success" id="btn1">开始校验</button>
                    <button class="mui-btn mui-btn-danger" id="btn3">重置</button>
                    <button id="fullScreenBtn" onclick="fullScreen()">全屏</button>
                    <button onclick="exitFullScreen()">退出全屏</button>
                </div>
                <!-- 格数 -->
                <div>
                    <span>请选择格数：</span>
                    <select id="girdType">
                        <option value="2,2">2x2</option>
                        <option value="4,2">4x2</option>
                        <option value="4,4">4x4</option>
                        <option value="9,6">9x6</option>
                        <option value="16,9">16x9</option>
                    </select>
                </div>
                <!-- 图片来源 -->
                <div>
                    <div><input type="file" id="file" name="file" accept="image/*" capture="camera"></div>
                    <div class="input_url">
                        <label>请输入URL地址：</label>
                        <input id="url_in" type="text" placeholder="请输入URL地址">
                        <button id="btn4">确定</button>
                    </div>
                </div>
            </div>
            <!-- 弹窗控制按钮 -->
            <div class="slider">
                <span class="slider_icon iconfont icon-zhankai-01"></span>
                <span class="slider_btn">menu</span>
            </div>
        </div>
    </div>
    <script src="./js/index.js"></script>
</body>
</html>